<template>
	<div class="task-container">
		<div class="task-title">
			<span class="title__text text-grey-200">
				<slot name="title"></slot>
			</span>
		</div>
		<div class="task-content">
			<slot></slot>
		</div>
	</div>
</template>

<script>
	export default {
		name: "TaskContainer"
	}
</script>

<style lang="scss" scoped>
	.task-container {
		padding: 14rpx 28rpx;

		.task-title {
			font-size: 30rpx;
			color: #b3b3b3;
			margin-bottom: 15rpx;
		}

		.task-content {
			overflow: hidden;
			border-radius: 15rpx;
			background-color: #fff;
		}
	}
</style>
